<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>

  <!--引入jQuery类库，版本随便,你现在用的版本就行-->
  <script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript">
    $(function(){
		//给提交按钮绑定事件
	  $("#myButton").click(function(){
	    $.ajax({  
          url: 'Noname1.html',  
          type: 'POST',  
          data: $("#myForm").serialize(),  //需要提交的表单，这里会将参数自动序列化，要求需要提交的input必须设置name
          cache: false,  //不要缓存，否则联系提交的时候，第二次浏览器可能不发送请求出去
          success: function (json) {  //请求成功后的回调函数，服务器返回的结果放在json中
          	$("#hideDiv").show();
          	
          }
         });  
	  })
	})
  </script>
 </head>
 <body>
  <form action="#" id="myForm">
    数据1<input type="text" name="a"/>

	数据2<input type="text" name="b"/>
	数据3<input type="text" name="c"/>
	<input type="button" value="提交" id="myButton">
  </form>
  <div id="hideDiv" style="display:none">
    我是隐藏的
  </div>
 </body>
</html>
